.middle{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.allCategories .tit{
	width: 1200px;
	height: 34px;
	overflow: hidden;
	margin-top: 45px;
	position: relative;
}
.allCategories .tit .left{
	float: left;
}
.allCategories .tit span{
	font-size: 18px;
	color: #333;
}
.allCategories .tit span img{
	display: inline-block;
	vertical-align: middle;
}
.allCategories .tit .right{
	float: right;
}
.allCategories .tit .right .expand{
	position: absolute;
	right: 0;
	top:0;
	display: none;
}
.allCategories .tit .right span{
	width: 112px;
	height: 32px;
	display: block;
	text-align: center;
	line-height: 32px;
	border: 1px solid #333;
	cursor: pointer;
}
.main{
	width: 1198px;
	border: 1px solid #333;
	float: left;
	margin-top: 10px;
	position: relative;
}
.main .group{
	width: 1198px;
	height: 52px;
	background: #cacaca;
	overflow: hidden;
	border-bottom: 1px solid #333;
}
.main .active{
	height: auto;
}
.main .group .head{
	width: 147px;
	display: table-cell;
	vertical-align: text-bottom;
}
.main .group .head b{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-left: 12px;
}
.main .active .head{
	height: auto;
}
.middle .main .group .body{
	width: 876px;
	background: #fff;
	height: 52px;
	display: table-cell;
	overflow: hidden;
}
.main .body .context .item-tit .pic{
	width: 17px;
	height: 9px;
	display: inline-block;
	background: url(../img/symbol-bottom.png) no-repeat;
}
.main .body .context .item:hover .pic{
	background: url(../img/symbol-top.png) no-repeat;
}
.main .body .context a{
	font-size: 18px;
	color: #333;
	display: inline-block;
	line-height: 52px;
	margin: 0 15px;
}

.main .body a .btn-check{
	width: 12px;
	height: 12px;
	float: left;
	margin: 20px 2px;
	border: 1px solid #333;
	display: none;
}
.main .body a:hover{
	color: #ff0000;
}
.main .body a:hover .btn-check,
.main .body a.active .btn-check{
	width: 12px;
	height: 12px;
	background: url(../img/tick.png) center no-repeat;
}
.main .active .body{
	height: auto; 
	border-right: 1px solid #333;
}
.main .btns{
	text-align: center;
	display: none;
}
.main .btns span{
	width: 50px;
	height: 26px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	border-radius: 6px;
	color: #333;
	margin: 5px 10px;
	cursor: pointer;
}
.main .btns .submit{
	background: #ff0000;
	border: 1px solid #ff0000;
	color: #fff;
}
.main .btns .cancel{
	border: 1px solid #333;
}
.main .btns span:hover{
	border: 1px solid #ff0000;
}
.main .btns .cancel:hover{
	color: #ff0000;
}
.main .foot{
	width: 174px;
	height: 52px;
	background: #fff;
	display: table-cell;
	vertical-align: text-bottom;
	position: relative;
}
.main .active .foot{
	height: auto;
}
.main .foot span{
	width: 76px;
	height: 32px;
	display: inline-block;
	border: 1px solid #333;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
}
.main .foot span img{
	display: inline-block;
}
.main .foot .brand-close{
	position: absolute;
	right: 1px;
	top: 10px;
	display: none;
}
.main .foot .brand-more{
	margin-left: 11px;
}
.main .foot .brand-select{
	margin-left: 1px;
}
.main .classify .foot .brand-more{
	width: 112px;
}
.main .other{
	border-bottom: none;
}
.main .other .item{
	float: left;
}
.text-options{
	width: 1198px;
	height: 52px;
	background: #fff;
	border: 1px solid #333333;
	text-align: center;
	position: absolute;
	bottom: -52px;
	right: -1px;
	z-index: 1000;
	display: none;
	line-height: 52px;
}
.text-options button{
	width: 60px;
	border: none;
	outline: none;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
}
.text-options button:hover{
	color: #ff0000;
}
.main .other .head{
	vertical-align: middle;
}
.filter{
	width: 1198px;
	height: 48px;
	background: #d2d2d2;
	border: 1px solid #333;
	float: left;
	margin-top: 26px;
	position: relative;
}
.filter .composite{
	width: 92px;
	height: 48px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 54px;
}
.filter .composite a{
	width: 72px;
	height: 30px;
	background: #ff0000;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.filter .price-range{
	width: 93px;
	height: 48px;
	display: table-cell;
	vertical-align: middle;
}
.filter .price-range span{
	width: 70px;
	height: 30px;
	display: block;
	background: #eeeeee;
	border: 1px solid #333;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	text-align: center;
}
.filter .price-rank{
	width: 142px;
	height: 48px;
	display: table-cell;
	vertical-align: middle;
}
.filter .price-rank a{
	width: 18px;
	height: 30px;
	border: 1px solid #333;
	float: left;
	position: relative;
}
.filter .price-rank a .bg{
	width: 18px;
	height: 30px;
	display: inline-block;
	background: #eeeeee;
}
.filter .price-rank a .bar{
	width: 18px;
	height: 26.6%;
	display: inline-block;
	background: #a0a0a0;
	position: absolute;
	bottom: 0;
}
.filter .price-rank a:hover .bar{
	background: #ff0000;
}
.filter .price-rank a:hover .bg{
	background: #fff;
}
.filter .inputs{
	width: auto;
	height: 46px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d2d2d2;
}
/*.filter .inputs:hover{
	
}*/
.filter .inputs ul{
	padding: 0 10px;
}
.filter .inputs ul li{
	float: left;
}
.filter .inputs ul .sep{
	width: 12px;
	height: 2px;
	background: #717171;
	margin: 14px 5px;
}
.filter .inputs ul li input{
	width: 60px;
	height: 30px;
	background: #eee;
	border: 1px solid #333;
	padding: 0 5px;
}
.filter .inputs ul li button{
	width: 50px;
	height: 32px;
	background: #ff0000;
	font-size: 14px;
	color: #fff;
	border: none;
	outline: none;
	margin-left: 10px;
	cursor: pointer;
	display: none;
}
.filter .inputs:hover{
	border: 1px solid #666;
	box-shadow: 0 0 2px 1px #999;
}
.filter .search{
	position: absolute;
	top: 9px;
	right: 30px;
}
.filter .search input[type="text"]{
	width: 164px;
	height: 30px;
	background: #eee;
	border: 1px solid #333;
	padding: 0 6px;
	font-size: 14px;
	color: #333;
}
.filter .search input[type="submit"]{
	width: 70px;
	height: 32px;
	font-size: 18px;
	color: #333;
	text-align: center;
	background: #eee;
	border: 1px solid #333;
	margin-left: -5px;
	float: right;
	cursor: pointer;
}
.style-goods{
	margin-top: 40px;
	float: left;
}
.footer{
	float: left;
	margin-top: 56px;
}
